<!--
@ 作者: 阿拉丁矿工 黄传鸿 <hchhyzc@foxmail.com>
-->
<template>
    <div class="h_navigation_left_fold_frame">
        <LeftDrawTool v-if="myStore.getLeftFrameActive('LeftDrawTool')"></LeftDrawTool>
        <LeftPelData v-if="myStore.getLeftFrameActive('LeftPelData')"></LeftPelData>
        <LeftEquipData v-if="myStore.getLeftFrameActive('LeftEquipData')"></LeftEquipData>
        <LeftAnimation v-if="myStore.getLeftFrameActive('LeftAnimation')"></LeftAnimation>
        <LeftEvent v-if="myStore.getLeftFrameActive('LeftEvent')"></LeftEvent>
    </div>
</template>

<script setup lang="ts">
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 引入存储
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
import { storeToRefs } from "pinia";
import { useEditorStore } from "@/store"; // 画布
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 引入组件
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// // 🍁  左
import { LeftDrawTool } from "../LeftDrawTool";
import { LeftPelData } from "../LeftPelData";
import { LeftEquipData } from "../LeftEquipData";
import { LeftEvent } from "../LeftEvent";
import { LeftAnimation } from "../LeftAnimation";
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 使用存储
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
const myStore = useEditorStore(); // 画布


</script>

<style lang="scss" scoped>
.h_navigation_left_fold_frame {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
}
</style>@/store